﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ProfileBox.ascx.cs"
    Inherits="Skecthial.UI.Controls.ProfileBox" %>
<%@ Register TagPrefix="same" Namespace="Sketchial.UIProcess.CustomControls" Assembly="Sketchial.UIProcess" %>
<style runat="server" type="text/css">
    .searchBoxDiv input {
        width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-width: 1px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .searchBoxDiv {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .profileStats profileBoxWrapper{
        padding: 0;
        margin: 0;
        vertical-align: baseline;
        background-color: #F9F9F9;
    }

    .profileStats ul {
        overflow: hidden;
        border-top: 1px solid #E8E8E8;
        border-bottom: 1px solid #E8E8E8;
    }

    .profileStats strong {
        display: block;
        font-size: 18px;
    }

    .profileStats a {
        font-size: 10px;
        float: left;
        text-decoration: none;
        float: left;
        padding: 7px 12px;
        color: #999;
        font-size: 10px;
        line-height: 16px;
        text-transform: uppercase;
    }
    .profileStats a:hover {
            color: #097BB8;
        }
    #profileStats li {
    margin-left: 2px;
    }
</style>
<div runat="server" id="profileBoxWrapper" style="margin-top: 10px; margin-bottom: 10px;">
    <table style="width: 100%;">
        <tr>
            <td>
                <div runat="server" id="profileName">
                    <asp:Literal ID="literalProfileName" runat="server" Text=""></asp:Literal>
                </div>
                <hr style="color: Gray;" />
                <div class="profileStats" style="width: 150px;" runat="server">
                    <ul id="profileStats">
                        <li><a href="#"><strong>
                            <asp:Literal runat="server" ID="literal1" Text="0"></asp:Literal>
                        </strong>
                            <asp:Literal runat="server" ID="literalUncEvent" Text="Events "></asp:Literal>
                        </a></li>
                        <li><a href="#"><strong>
                            <asp:Literal runat="server" ID="literal3" Text="12"></asp:Literal>
                        </strong>
                            <asp:Literal runat="server" ID="literal2" Text="Friends"></asp:Literal>
                        </a></li>
                        <li><a href="#"><strong>
                            <asp:Literal runat="server" ID="literal5" Text="1"></asp:Literal>
                        </strong>
                            <asp:Literal runat="server" ID="literal4" Text="Request"></asp:Literal>
                        </a></li>
                        <li><a href="#"><strong>
                            <asp:Literal runat="server" ID="literal6" Text="10"></asp:Literal>
                        </strong>
                            <asp:Literal runat="server" ID="literal7" Text="MSG"></asp:Literal>
                        </a></li>
                    </ul>
                </div>
            </td>
            <td>
                <img src="../assets/images/profile.jpg" height="100" />
            </td>
        </tr>
    </table>
    <hr style="color: Gray;" />
<%--    <div runat="server" id="searchBoxDiv" class="searchBoxDiv">
        <input type="text" value="Search events.." onclick="this.value='';" ontextchanged="javascript:clear();" />
    </div>--%>
</div>
<script type="text/javascript">

    function clear() {
        debugger;
        document.getElementById('LeftSideContent_asd_searhBoxArea').value = "";
    }
</script>
